透明視窗


基本需求

透明功能應與無邊框視窗搭配使用。

Windows

透明功能僅支援啟用 DWM(桌面視窗管理員)的 Vista 及以上版本。透明度可能無法在作業系統的經典佈景主題/基本版本中使用,或使用遠端桌面時。

Linux

您需要使用這些參數執行 NW.js,而您的視窗管理員需要支援合成

--enable-transparent-visuals --disable-gpu

建立透明視窗

在 HTML 主體中,指定背景顏色的 alpha

<body style="background-color:rgba(0,0,0,0);">

並在宣告中將transparent 欄位指定為 true

  "window": {
    "frame": false,
    "transparent": true
  }

穿透點擊(Windows 和 Mac)

您可以在 Windows 和 Mac 上啟用透明點擊。此功能讓您可以在視窗下的物件上點擊alpha 值為 0 的點

若要啟用透明點擊,您需要下列命令列選項

--disable-gpu-compositing --force-cpu-draw

注意

點擊僅支援無邊框不可調整大小的框架,儘管它可能適用於其他視窗設定,具體取決於作業系統。